@import '../../variable.less';
.content{
  .item{
    margin:0 auto;
    margin-bottom:20rpx;
    width:100%;
    height:250rpx;
    display: flex;
    justify-content: flex-start;
    padding:30rpx;
    box-sizing: border-box;
    align-items:center;
    .img{
      width:190rpx;
      height:190rpx;
    }
    .iteminfo{
      width:calc(100% - 190rpx);
      padding-left:20rpx;
      position: relative;
      .title{
        min-width: 400rpx;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 45rpx;
        color: #333333;
        overflow: hidden; 
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;

      }
      .title1{
        padding-right:10rpx;
        display: flex;
        justify-content: start;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 45rpx;
        color: #333333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
         
        .titText{
          padding:0 100rpx 0 10rpx;
          .img{
            float:left;
            margin-top:8rpx;
            margin-right:10rpx;
            width:30rpx;
            height:30rpx;
          }
          .txt{
            width:auto;
          }

        }
        .range{
          position: absolute;
          top:0;
          right:0;
          font-size: 24rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #7E8082;
        }
       
      }
      .time,.bottom .people{
        padding-top:16rpx;
        padding-left:39rpx;
        height:33rpx;
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 33rpx;
        color: #999999;
        position: relative;
        .lefticon{
          position: absolute;
          top:20rpx;
          left:0;
        }
      }
      .bottom{
        margin-top:20rpx;
        display: flex;
        justify-content: space-between;
        position: relative;
        .people{
          position: relative;
          top:-10rpx;
        }
        .btn{
          position: absolute;
          bottom:0;
          right:0;
          width:132rpx;
          height:50rpx;
          line-height: 50rpx;
          text-align: center;
          background: #999999;
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 500;
          line-height: 50rpx;
          color: #FFFFFF;
        }
        .start{
          background-color: @color;
        }

      }
      
      


    }
  }
  
}